<template>
  <div>
    <router-view v-slot="{ Component }">
      <transition name="move" mode="out-in">
        <keep-alive exclude=""> <component :is="Component" :key="$route.name"/></keep-alive>
      </transition>
    </router-view>
  </div>
</template>

<script>
import { reactive, toRefs, onBeforeMount, onMounted } from "vue";
export default {
  name: "",
  components: {},
  props: [],
  setup() {
    const state = reactive({});
    onBeforeMount(() => {
    });
    onMounted(() => {
    });
    const refState = toRefs(state);
    return {
      ...refState,
    };
  },
};
</script>
<style scoped></style>